<template>
  <div class="x-content">
    <el-row style="margin-bottom: 40px;">
      <el-col :span="24" class="x-title">建设规模</el-col>
      <el-col :span="24" class="x-other">
        <ul>
          <li>
            项目负责人：
            <span>李忠鹏</span>
          </li>
          <li>
            技术负责人：
            <span>刘科</span>
          </li>
          <li>
            技术交底时间：
            <span>112.5万元</span>
          </li>
          <li>
            生态保护工程费：
            <span>112.5公顷</span>
          </li>
        </ul>
      </el-col>
      <el-col :span="24" class="x-other">
        <ul>
          <li>
            安全员：
            <span>杨帆</span>
          </li>
          <li>
            材料员：
            <span>丁思丹</span>
          </li>
          <li>
            预算员：
            <span>郑富红</span>
          </li>
          <li>
            质检员：
            <span>杨传颂</span>
          </li>
        </ul>
      </el-col>
      <el-col :span="24" class="x-total">
        <span>参加人员：</span>
        <span>安全员：杨帆、丁思丹、郑富红、杨传颂</span>
      </el-col>
    </el-row>
    <el-row style="margin-bottom: 40px;">
      <el-col :span="24" class="x-title">监理单位信息</el-col>
      <el-col :span="24" class="x-other">
        <ul>
          <li>
            监理单位：
            <span>重庆东方有限公司</span>
          </li>
          <li>
            总监：
            <span>杨大鹏</span>
          </li>
          <li>
            现场监理员：
            <span>淇淇</span>
          </li>
        </ul>
      </el-col>
    </el-row>
    <el-row style="margin-bottom: 40px;">
      <el-col :span="24" class="x-title">附件资料</el-col>
      <el-col :span="24" class="x-other">
        <ul>
          <li>
            技术交底会纪要：
            <span>技术交底会纪要.pdf</span>
          </li>
          <li>
            监理批准的施工组织设计：
            <span>监理批准的施工组织设计.pdf</span>
          </li>
          <li>
            第一次工地例会会议纪要：
            <span>第一次工地例会会议纪要.pdf</span>
          </li>
        </ul>
      </el-col>
      <el-col :span="24" class="x-other" style="margin-bottom: 20px;">
        <ul>
          <li>
            开工令：
            <span>开工令.pdf</span>
          </li>
          <li>
            第一次变更会审意见：
            <span>第一次变更会审意见.pdf</span>
          </li>
          <li>
            施工合同：
            <span>施工合同.pdf</span>
          </li>
          <li>
            监理合同：
            <span>监理合同.pdf</span>
          </li>
        </ul>
      </el-col>
    </el-row>

    <el-row style="margin-bottom: 60px;">
      <el-col :span="24" class="x-title">区县意见</el-col>
      <!-- 1 -->
      <el-row>
        <el-col :span="24" class="x-subtitle">区县中心审查意见</el-col>
        <el-col :span="24" class="x-textarea">
          <el-input type="textarea" :rows="8" style="width:70%" :v-model="demo"></el-input>
        </el-col>
        <el-col :span="24">
          <el-form label-width="90px" :inline="true" :v-model="demo1">
            <el-form-item label="审查人">
              <el-input style="width:160px" size="small"  :v-model="demo2"></el-input>
            </el-form-item>
            <el-form-item label="审查日期">
              <el-date-picker type="date" size="small" style="width:160px" :v-model="demo3"></el-date-picker>
            </el-form-item>
            <el-form-item label="审查意见">
              <el-select size="small" style="width:160px"  v-model="demo4">
                <el-option value="1" label="同意"></el-option>
                <el-option value="2" label="拒绝"></el-option>
              </el-select>
            </el-form-item> 
          </el-form>
        </el-col>
      </el-row>
      <!-- 2 -->
      <el-row>
        <el-col :span="24" class="x-subtitle">区县局审查意见</el-col>
        <el-col :span="24" class="x-textarea">
          <el-input type="textarea" :rows="8" style="width:70%" :v-model="demo5"></el-input>
        </el-col>
        <el-col :span="24">
          <el-form label-width="90px" :inline="true">
            <el-form-item label="审查人">
              <el-input style="width:160px" size="small" :v-model="demo6"></el-input>
            </el-form-item>
            <el-form-item label="审查日期">
              <el-date-picker type="date" size="small" style="width:160px" :v-model="demo7"></el-date-picker>
            </el-form-item>
            <el-form-item label="审查意见">
              <el-select size="small" style="width:160px" v-model="demo8">
                <el-option value="1" label="同意"></el-option>
                <el-option value="2" label="拒绝"></el-option>
              </el-select>
            </el-form-item>
          </el-form>
        </el-col>
      </el-row>
    </el-row>
    <div class="btn">
      <el-button type="primary">提交1</el-button>
      <el-button>取消</el-button>
    </div>
  </div>
</template>

<script>
// import config from "@/config/index.js";
// import moment from "moment";
// import {
//   getInvAndCon,
//   getAdvice,
//   addAdvice,
//   getSignature
// } from "@/api/plannDesignBudget/reviewOpinions.js";
export default {
  name: "baseMessage",
  data() {
    return {
      demo: null,
      demo1: null,
      demo2: null,
      demo3: null,
      demo4: null,
      demo5: null,
      demo6: null,
      demo7: null,
      demo8:null,
    };
  }
};
</script>

<style scoped lang="scss">
.x-content {
  margin-top: 20px;
  background-color: #fff;
  padding: 20px;
  .x-title {
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 25px;
    color: rgba(77, 77, 77, 1);
    margin-bottom: 30px;
  }
  .x-project {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: bold;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 20px;
    ul {
      display: flex;
      li {
        margin-right: 30px;
        font-size: 13px;
        font-family: PingFang SC;
        font-weight: 500;
        color: rgba(166, 166, 166, 1);
      }
    }
  }
  .x-other {
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 20px;
    color: rgba(51, 51, 51, 1);
    margin-bottom: 20px;
    ul {
      display: flex;
      li {
        margin-right: 60px;
        span {
          font-size: 14px;
          font-family: PingFang SC;
          font-weight: 500;
          line-height: 20px;
          color: rgba(166, 166, 166, 1);
        }
      }
    }
  }
  .x-total {
    span:first-child {
      font-size: 14px;
      font-family: PingFang SC;
      line-height: 20px;
      color: rgba(51, 51, 51, 1);
    }
    span:last-child {
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: 500;
      line-height: 20px;
      color: rgba(51, 51, 51, 1);
    }
  }
  .x-subtitle {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    line-height: 20px;
    color: rgba(102, 102, 102, 1);
    margin-bottom: 10px;
  }
  .x-textarea {
    margin-bottom: 20px;
  }
}
</style>
<style lang="scss" scoped>
/deep/ .el-form--inline .el-form-item__label {
  color: #a1a1a1;
}
</style>